<template>
	<div class="the_page_part">
		<h3>进行中</h3>
		<div class="num_part">
			<div class="num_part_left">
                <span>考试</span>
                <span class="sun_part">{{ testTotal }}</span>
                <div class="xia_xian"></div>
            </div>
			<div class="num_part_right">
                <span>技能培训</span>
                <span class="sun_part">{{ trainTotal }}</span>
                <div class="xia_xian"></div>
            </div>
		</div>
	</div>
</template>

<script setup lang="ts">
import apiMod from '@/apiMod/index'
import { getStore } from '@/utils/store'
let trainTotal = ref(0)
let testTotal = ref(0)
const getInit = async() =>{
    let userInfo = getStore('userInfo')
    console.log(123,userInfo)
    // 进行中的技能培训
    let train =await apiMod.view_bscStatistics_skillTraining(
        {"pageParaPO":{"current":1,"size":1},"trainingName":"","trainingCategory":""})
        trainTotal.value = train.data.total
    // 进行中的考试
    let test = await apiMod.view_bscStatistics_skillTraining(
        {"pageParaPO":{"current":1,"size":1},"idCard":userInfo.idNo}
    )
    testTotal.value = test.data.total
}
getInit()
</script>
<style scoped lang="scss">
.the_page_part {
	height: 100%;
	width: 100%;
	.num_part {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-content: center;
		.num_part_left {
            height: 100px;
            width: 100px;
            border: 1px solid black;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
		}
		.num_part_right {
            height: 100px;
            width: 100px;
            border: 1px solid black;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
		}
	}
}
.sun_part{
  font-size:20px;
  font-weight:700;
}
.xia_xian{
    height:5px;
    width:50px;
    background-color:skyblue;
}
</style>
